<div>

  <p><strong>External Elements</strong></p>

  <div class="checkbox">
    <label for="differentExternalColors">
      <input id="differentExternalColors" type="checkbox" ng-model="vm.differentColors"
             ng-change="vm.toggleDifferentColors()">
      use different colors
    </label>
  </div>

  <p>
    <label for="ctEdgeLength">Class - Class Distance: {{ ccEdgeLength }}</label>
    <div id="ccEdgeLength" slider class="cdbl-slider" model="ccEdgeLength" min="1" max="300"></div>
  </p>

  <p>
    <label for="ctEdgeLength">Class - Type Distance: {{ ctEdgeLength }}</label>
    <div id="ctEdgeLength" slider class="cdbl-slider" model="ctEdgeLength" min="1" max="150"></div>
  </p>

</div>
